<link rel="stylesheet" href="<?php echo APP_TEMPLATES_URL;?>/css/public.css" />

<style>
	body,
	html {
		background: #F4F4F4 !important;
	}
	
	.indexm {
		display: none;
	}
	
	.btnccc {
		padding: 5px;
		border: 1px solid #ddd !important;
		float: right;
		min-width: 60px;
		text-align: center;
		margin-left: 10px;
		font-size: 12px;
	}
	
	.btnorg {
		padding: 5px;
		border: 1px solid #efb33e !important;
		color: #efb33e;
		min-width: 60px;
		float: right;
		margin-left: 10px;
		text-align: center;
		font-size: 12px;
	}
	
	.fenleigoods {
		float: left;
		width: 100%;
		border-bottom: 1px solid #EEEEEE;
		background: #FFFFFF;
	}
	
	.fenleigoods li:nth-child(odd) {
		border-right: 1px solid #EEEEEE;
	}
	
	.fenleigoods li {
		float: left;
		width: 50%;
		text-align: center;
		line-height: 25px;
		padding-bottom: 20px;
		border-top: 1px solid #EEEEEE;
	}
	
	.youhui label {
		font-size: 14px;
		line-height: 30px;
	}
	
</style>
<!-- 导航 -->
<div class="mui-bar mui-bar-nav bj">
	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys  mui-action-back" click="history.go(-1)">
				<img style=" max-width: 50%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/back.png" />
			</button>
	<h1 class="mui-title"><label style="font-size: 22px;vertical-align: middle;">物流详情</label></h1>
</div>

<div style="background: #FFFFFF;">

	<div style="padding: 20px 10px;">
		<table width="100%" style="background: #FFFFFF;">

			<tr>
				<td style="vertical-align: middle;width: 120px;text-align: center;" rowspan="5">
					<img style=" max-width: 80%; border: 1px solid #ddd !important; vertical-align: middle;" src="<?php echo cthumb($output['order_info']['extend_order_goods'][0]['goods_image'], 265, $output['order_info']['extend_order_goods'][0]['store_id']); ?>" /> </td>
					<td colspan="2" height="25">
						<label style="vertical-align: middle;color: #999; font-size: 14px; margin-right: 0px;">收货信息:</label>
						<label style="vertical-align: middle; font-size: 14px;"><?php echo $output['order_info']['extend_order_common']['reciver_name']?>&nbsp;&nbsp;
						
<?php echo $output['order_info']['extend_order_common']['reciver_info']['phone'];?>&nbsp;&nbsp;<?php echo $output['order_info']['extend_order_common']['reciver_info']['address'];?></label>
					</td>
					<td rowspan="2" style="vertical-align: middle;width: 10px;text-align: center;"></td>
			</tr>
			<?php if($output['order_info']['shipping_fee']>0){?><tr>
				<td>
					<label style="vertical-align: middle;color: #999; margin-right: 0px; font-size: 14px;">运费：</label>
					<label style="padding-bottom: 6px;  font-size: 14px;"><?php echo $output['order_info']['shipping_fee'];?></label>
				</td>
			</tr><?php }?>
			<tr>
				<td>
					<label style="vertical-align: middle;color: #999; margin-right: 0px; font-size: 14px;">订单总额：</label>
					<label style="padding-bottom: 6px; font-size: 14px;"><?php echo $lang['currency'].$output['order_info']['order_amount'];?></label>
				</td>
			</tr>
			<tr>
				<td>
					<label style="vertical-align: middle;color: #999; margin-right: 0px; font-size: 14px;">物流单号：</label>
					<label style="padding-bottom: 6px; font-size: 14px;"><?php echo $output['order_info']['shipping_code']; ?>&nbsp;&nbsp;<a href="<?php echo $output['e_url'];?>" class="a" target="_blank"><?php echo $output['e_name'];?></label>
				</td>
			</tr>
			<tr>
				<td rowspan="2" style="height: 5px;">
				</td>
			</tr>
		</table>
	</div>

	<div style="width: 100%; height: 10px; background: #F4F4F4;"></div>
	<div style=" background: #eeeeee;">

		<ul class="wuliu" id="express_list">
		 <?php if($output['order_info']['extend_order_common']['shipping_time']) { ?>
         <li class="loading"><?php echo $lang['nc_common_loading'];?></li>
          <?php } ?>

			<!-- li>

				<div style="font-size: 14px;">
					<div style=" border-bottom: 1px solid #EEEEEE; float: right; width: 80%; min-height: 60px; color: #333333;padding: 6px 0 15px 8px;border-radius: 5px;">
						<p style="color: #000;">[快递已签收] <label style="color: #555;">感谢使用快递，期待再次为您服务</label></p>
						<p style="color: #999">2016-12-01 10:26</p>
					</div>
					<img style="position: absolute;left: 8%; width: 30px; margin-top: 10px;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_03.png" />
					<img style="position: absolute;left: 8%;width: 30px; margin-top: 36px; z-index: 0;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_02.png" />
				</div>

			</li>

			<li>

				<div style="font-size: 14px;">
					<div style=" border-bottom: 1px solid #EEEEEE; float: right; width: 80%; min-height: 60px; color: #333333;padding: 2px 0 15px 8px;border-radius: 5px;">
						<p style="color: #000;">[快递已签收] <label style="color: #555;">感谢使用快递，期待再次为您服务</label></p>
						<p style="color: #999">2016-12-01 10:26</p>
					</div>
					<img style="position: absolute;left: 8%; width: 30px; margin-top: 10px;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_06.png" />
					<img style="position: absolute;left: 8%; width: 30px;margin-top: 40px; z-index: 0;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_02.png" />
				</div>

			</li>

			<li>

				<div style="font-size: 14px;">
					<div style=" border-bottom: 1px solid #EEEEEE; float: right; width: 80%; min-height: 60px; color: #333333;padding: 2px 0 15px 8px;border-radius: 5px;">
						<p style="color: #000;">[快递已签收] <label style="color: #555;">感谢使用快递，期待再次为您服务</label></p>
						<p style="color: #999">2016-12-01 10:26</p>
					</div>
					<img style="position: absolute;left: 8%; width: 30px; margin-top: 10px;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_06.png" />
					<img style="position: absolute;left: 8%; width: 30px;margin-top: 40px; z-index: 0;" src="<?php echo APP_TEMPLATES_URL;?>/images/wl_02.png" />
				</div>

			</li-->

		</ul>
		
		<ul class="express-log" >
      <?php if($output['order_info']['extend_order_common']['shipping_time']) { ?>
      <li class="loading"><?php echo $lang['nc_common_loading'];?></li>
      <?php } ?>
    </ul>
    <div class="alert"><?php echo $lang['member_show_express_ship_tips'];?></div>

	</div>

</div>

<style>
	.wuliu {
		float: left;
		background: #FFFFFF;
		padding-bottom: 100px;
		width: 100%;
	}
	
	.acacac {
		color: #acacac;
	}
	
	.6d6d6d {
		color: #6d6d6d;
	}
	
	.wuliu li {
		float: left;
		width: 93.5%;
		margin: 9px auto;
	}
</style>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/jquery.poshytip.min.js" charset="utf-8"></script> 
<script>
$(function(){
	//Ajax提示
	$('.tip').poshytip({
		className: 'tip-yellowsimple',
		showTimeout: 1,
		alignTo: 'target',
		alignX: 'center',
		alignY: 'bottom',
		offsetX: 5,
		offsetY: 0,
		allowTipHover: false
	});
      var_send = '<?php echo date("Y-m-d H:i:s",$output['order_info']['extend_order_common']['shipping_time']); ?>&nbsp;&nbsp;<?php echo $lang['member_show_seller_has_send'];?><br/>';
	$.getJSON('index.php?act=order&op=get_express&e_code=<?php echo $output['e_code']?>&shipping_code=<?php echo $output['order_info']['shipping_code']?>&t=<?php echo random(7);?>',function(data){
		if(data){
			data = '<li><div style="font-size: 14px;margin-left:20px;">'+var_send+data.join('<br/>')+'</div></li>';
			$('#express_list').html(data).next().css('display','');
		}else{
			$('#express_list').html(var_send);
		}
	});
});
</script>